﻿@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_rootLayout.cshtml";
}

<!-- strat the main content area -->
	

        <div class="featured">
			<div class="box_head">
				<h3>Sản phẩm khuyến mãi</h3>
				<div class="pagers center">
					<a class="prev featuredPrev1" href="#prev">Prev</a>
					<a class="nxt featuredNxt1" href="#nxt">Next</a>
				</div>
			</div><!--end box_head -->
		

			<div class="cycle-slideshow" 
	        data-cycle-fx="scrollHorz"
	        data-cycle-timeout=0
	        data-cycle-slides="> ul"
	        data-cycle-prev="div.pagers a.featuredPrev1"
	        data-cycle-next="div.pagers a.featuredNxt1"
	        >
				<ul class="product_show">
					
					<li class="column">
						<div class="img">
							<div class="offer_icon"></div>
							<div class="hover_over">
								<a class="link" href="/ProductDetail/">link</a>
								<a class="cart" href="#" onclick="AddToCart(1);">cart</a>
							</div>
							<a href="#">
								<img src="~/Upload/Imgsp/sp.jpg" alt="product">
							</a>
						</div>
						<h6><a href="/ProductDetail/">Product Name Here</a></h6>
						<h5><span class="sale_offer" style="text-transform:none; font-size:12px;">Giá bán: 4.000.000</span></h5>
                        <h5><span  style="text-transform:none; font-size:12px;">Giá KM: 4.000.000</span></h5>
					</li>
                    <li class="column">
						<div class="img">
							<div class="offer_icon"></div>
							<div class="hover_over">
								<a class="link" href="/ProductDetail/">link</a>
								<a class="cart" href="#" onclick="AddToCart(2);">cart</a>
							</div>
							<a href="#">
								<img src="~/Upload/Imgsp/sp.jpg" alt="product">
							</a>
						</div>
						<h6><a href="#">Product Name Here</a></h6>
						<h5><span class="sale_offer" style="text-transform:none; font-size:12px;">Giá bán: 4.000.000</span></h5>
                        <h5><span  style="text-transform:none; font-size:12px;">Giá KM: 4.000.000</span></h5>
					</li>
					<li class="column">
						<div class="img">
							<div class="offer_icon"></div>
							<div class="hover_over">
								<a class="link" href="/ProductDetail/">link</a>
								<a class="cart" href="#" onclick="AddToCart(3);">cart</a>
							</div>
							<a href="#">
								<img src="~/Upload/Imgsp/sp.jpg" alt="product">
							</a>
						</div>
						<h6><a href="/ProductDetail/">Product Name Here</a></h6>
						<h5><span class="sale_offer" style="text-transform:none; font-size:12px;">Giá bán: 4.000.000</span></h5>
                        <h5><span  style="text-transform:none; font-size:12px;">Giá KM: 4.000.000</span></h5>
					</li><li class="column">
						<div class="img">
							<div class="offer_icon"></div>
							<div class="hover_over">
								<a class="link" href="/ProductDetail/">link</a>
								<a class="cart" href="#" onclick="AddToCart(3);">cart</a>
							</div>
							<a href="#">
								<img src="~/Upload/Imgsp/sp.jpg" alt="product">
							</a>
						</div>
						<h6><a href="#">Product Name Here</a></h6>
						<h5><span class="sale_offer" style="text-transform:none; font-size:12px;">Giá bán: 4.000.000</span></h5>
                        <h5><span  style="text-transform:none; font-size:12px;">Giá KM: 4.000.000</span></h5>
					
				</ul>
                <ul class="product_show">
					
					<li class="column">
						<div class="img">
							<div class="offer_icon"></div>
							<div class="hover_over">
								<a class="link" href="#">link</a>
								<a class="cart" href="#">cart</a>
							</div>
							<a href="#">
								<img src="~/Upload/Imgsp/sp.jpg" alt="product">
							</a>
						</div>
						<h6><a href="#">Product Name Here</a></h6>
						<h5><span class="sale_offer" style="text-transform:none; font-size:12px;">Giá bán: 4.000.000</span></h5>
                        <h5><span  style="text-transform:none; font-size:12px;">Giá KM: 4.000.000</span></h5>
					</li>
					<li class="column">
						<div class="img">
							<div class="offer_icon"></div>
							<div class="hover_over">
								<a class="link" href="#">link</a>
								<a class="cart" href="#">cart</a>
							</div>
							<a href="#">
								<img src="~/Upload/Imgsp/sp.jpg" alt="product">
							</a>
						</div>
						<h6><a href="#">Product Name Here</a></h6>
						<h5><span class="sale_offer" style="text-transform:none; font-size:12px;">Giá bán: 4.000.000</span></h5>
                        <h5><span  style="text-transform:none; font-size:12px;">Giá KM: 4.000.000</span></h5>
					</li><li class="column">
						<div class="img">
							<div class="offer_icon"></div>
							<div class="hover_over">
								<a class="link" href="#">link</a>
								<a class="cart" href="#">cart</a>
							</div>
							<a href="#">
								<img src="~/Upload/Imgsp/sp.jpg" alt="product">
							</a>
						</div>
						<h6><a href="#">Product Name Here</a></h6>
						<h5><span class="sale_offer" style="text-transform:none; font-size:12px;">Giá bán: 4.000.000</span></h5>
                        <h5><span  style="text-transform:none; font-size:12px;">Giá KM: 4.000.000</span></h5>
					
				</ul>
			</div>
		</div><!--end featured-->
		<div class="featured">
			<div class="box_head">
				<h3>Sản phẩm mới</h3>
				<div class="pagers center">
					<a class="prev featuredPrev" href="#prev">Prev</a>
					<a class="nxt featuredNxt" href="#nxt">Next</a>
				</div>
			</div><!--end box_head -->
		

			<div class="cycle-slideshow" 
	        data-cycle-fx="scrollHorz"
	        data-cycle-timeout=0
	        data-cycle-slides="> ul"
	        data-cycle-prev="div.pagers a.featuredPrev"
	        data-cycle-next="div.pagers a.featuredNxt"
	        >
				<ul class="product_show">
					<li class="column">
						<div class="img">
							<div class="offer_icon"></div>
							<div class="hover_over">
								<a class="link" href="#">link</a>
								<a class="cart" href="#">cart</a>
							</div>
							<a href="#">
								<img src="~/Upload/Imgsp/sp.jpg" alt="product">
							</a>
						</div>
						<h6><a href="#">Product Name Here</a></h6>
						<h5><span class="sale_offer" style="text-transform:none; font-size:12px;">Giá bán: 4.000.000</span></h5>
                        <h5><span  style="text-transform:none; font-size:12px;">Giá KM: 4.000.000</span></h5>
					</li>
					<li class="column">
						<div class="img">
							<div class="offer_icon"></div>
							<div class="hover_over">
								<a class="link" href="#">link</a>
								<a class="cart" href="#">cart</a>
							</div>
							<a href="#">
								<img src="~/Upload/Imgsp/sp.jpg" alt="product">
							</a>
						</div>
						<h6><a href="#">Product Name Here</a></h6>
						<h5><span class="sale_offer" style="text-transform:none; font-size:12px;">Giá bán: 4.000.000</span></h5>
                        <h5><span  style="text-transform:none; font-size:12px;">Giá KM: 4.000.000</span></h5>
					</li>
					<li class="column">
						<div class="img">
							<div class="offer_icon"></div>
							<div class="hover_over">
								<a class="link" href="#">link</a>
								<a class="cart" href="#">cart</a>
							</div>
							<a href="#">
								<img src="~/Upload/Imgsp/sp.jpg" alt="product">
							</a>
						</div>
						<h6><a href="#">Product Name Here</a></h6>
						<h5><span class="sale_offer" style="text-transform:none; font-size:12px;">Giá bán: 4.000.000</span></h5>
                        <h5><span  style="text-transform:none; font-size:12px;">Giá KM: 4.000.000</span></h5>
					</li><li class="column">
						<div class="img">
							<div class="offer_icon"></div>
							<div class="hover_over">
								<a class="link" href="#">link</a>
								<a class="cart" href="#">cart</a>
							</div>
							<a href="#">
								<img src="~/Upload/Imgsp/sp.jpg" alt="product">
							</a>
						</div>
						<h6><a href="#">Product Name Here</a></h6>
						<h5><span class="sale_offer" style="text-transform:none; font-size:12px;">Giá bán: 4.000.000</span></h5>
                        <h5><span  style="text-transform:none; font-size:12px;">Giá KM: 4.000.000</span></h5>
					
				</ul>
                <ul class="product_show">
					
					<li class="column">
						<div class="img">
							<div class="offer_icon"></div>
							<div class="hover_over">
								<a class="link" href="#">link</a>
								<a class="cart" href="#">cart</a>
							</div>
							<a href="#">
								<img src="~/Upload/Imgsp/sp.jpg" alt="product">
							</a>
						</div>
						<h6><a href="#">Product Name Here</a></h6>
						<h5><span class="sale_offer" style="text-transform:none; font-size:12px;">Giá bán: 4.000.000</span></h5>
                        <h5><span  style="text-transform:none; font-size:12px;">Giá KM: 4.000.000</span></h5>
					</li>
					<li class="column">
						<div class="img">
							<div class="offer_icon"></div>
							<div class="hover_over">
								<a class="link" href="#">link</a>
								<a class="cart" href="#">cart</a>
							</div>
							<a href="#">
								<img src="~/Upload/Imgsp/sp.jpg" alt="product">
							</a>
						</div>
						<h6><a href="#">Product Name Here</a></h6>
						<h5><span class="sale_offer" style="text-transform:none; font-size:12px;">Giá bán: 4.000.000</span></h5>
                        <h5><span  style="text-transform:none; font-size:12px;">Giá KM: 4.000.000</span></h5>
					</li><li class="column">
						<div class="img">
							<div class="offer_icon"></div>
							<div class="hover_over">
								<a class="link" href="#">link</a>
								<a class="cart" href="#">cart</a>
							</div>
							<a href="#">
								<img src="~/Upload/Imgsp/sp.jpg" alt="product">
							</a>
						</div>
						<h6><a href="#">Product Name Here</a></h6>
						<h5><span class="sale_offer" style="text-transform:none; font-size:12px;">Giá bán: 4.000.000</span></h5>
                        <h5><span  style="text-transform:none; font-size:12px;">Giá KM: 4.000.000</span></h5>
					
				</ul>
			</div>
		</div><!--end featured-->


		<div class="latest">
			
			<div class="box_head">
				<h3>Sản phẩm bán chạy</h3>
				<div class="pagers center">
					<a class="prev latest_prev" href="#prev">Prev</a>
					<a class="nxt latest_nxt" href="#nxt">Next</a>
				</div>
			</div><!--end box_head -->

			<div class="cycle-slideshow" 
	        data-cycle-fx="scrollHorz"
	        data-cycle-timeout=0
	        data-cycle-slides="> ul"
	        data-cycle-prev="div.pagers a.latest_prev"
	        data-cycle-next="div.pagers a.latest_nxt"
	        >
<ul class="product_show">
					<li class="column">
						<div class="img">
							<div class="offer_icon"></div>
							<div class="hover_over">
								<a class="link" href="#">link</a>
								<a class="cart" href="#">cart</a>
							</div>
							<a href="#">
								<img src="~/Upload/Imgsp/sp.jpg" alt="product">
							</a>
						</div>
						<h6><a href="#">Product Name Here</a></h6>
						<h5><span class="sale_offer" style="text-transform:none; font-size:12px;">Giá bán: 4.000.000</span></h5>
                        <h5><span  style="text-transform:none; font-size:12px;">Giá KM: 4.000.000</span></h5>
					</li>
					<li class="column">
						<div class="img">
							<div class="offer_icon"></div>
							<div class="hover_over">
								<a class="link" href="#">link</a>
								<a class="cart" href="#">cart</a>
							</div>
							<a href="#">
								<img src="~/Upload/Imgsp/sp.jpg" alt="product">
							</a>
						</div>
						<h6><a href="#">Product Name Here</a></h6>
						<h5><span class="sale_offer" style="text-transform:none; font-size:12px;">Giá bán: 4.000.000</span></h5>
                        <h5><span  style="text-transform:none; font-size:12px;">Giá KM: 4.000.000</span></h5>
					</li>
					<li class="column">
						<div class="img">
							<div class="offer_icon"></div>
							<div class="hover_over">
								<a class="link" href="#">link</a>
								<a class="cart" href="#">cart</a>
							</div>
							<a href="#">
								<img src="~/Upload/Imgsp/sp.jpg" alt="product">
							</a>
						</div>
						<h6><a href="#">Product Name Here</a></h6>
						<h5><span class="sale_offer" style="text-transform:none; font-size:12px;">Giá bán: 4.000.000</span></h5>
                        <h5><span  style="text-transform:none; font-size:12px;">Giá KM: 4.000.000</span></h5>
					</li><li class="column">
						<div class="img">
							<div class="offer_icon"></div>
							<div class="hover_over">
								<a class="link" href="#">link</a>
								<a class="cart" href="#">cart</a>
							</div>
							<a href="#">
								<img src="~/Upload/Imgsp/sp.jpg" alt="product">
							</a>
						</div>
						<h6><a href="#">Product Name Here</a></h6>
						<h5><span class="sale_offer" style="text-transform:none; font-size:12px;">Giá bán: 4.000.000</span></h5>
                        <h5><span  style="text-transform:none; font-size:12px;">Giá KM: 4.000.000</span></h5>
					
				</ul>
                <ul class="product_show">
					
					<li class="column">
						<div class="img">
							<div class="offer_icon"></div>
							<div class="hover_over">
								<a class="link" href="#">link</a>
								<a class="cart" href="#">cart</a>
							</div>
							<a href="#">
								<img src="~/Upload/Imgsp/sp.jpg" alt="product">
							</a>
						</div>
						<h6><a href="#">Product Name Here</a></h6>
						<h5><span class="sale_offer" style="text-transform:none; font-size:12px;">Giá bán: 4.000.000</span></h5>
                        <h5><span  style="text-transform:none; font-size:12px;">Giá KM: 4.000.000</span></h5>
					</li>
					<li class="column">
						<div class="img">
							<div class="offer_icon"></div>
							<div class="hover_over">
								<a class="link" href="#">link</a>
								<a class="cart" href="#">cart</a>
							</div>
							<a href="#">
								<img src="~/Upload/Imgsp/sp.jpg" alt="product">
							</a>
						</div>
						<h6><a href="#">Product Name Here</a></h6>
						<h5><span class="sale_offer" style="text-transform:none; font-size:12px;">Giá bán: 4.000.000</span></h5>
                        <h5><span  style="text-transform:none; font-size:12px;">Giá KM: 4.000.000</span></h5>
					</li><li class="column">
						<div class="img">
							<div class="offer_icon"></div>
							<div class="hover_over">
								<a class="link" href="#">link</a>
								<a class="cart" href="#">cart</a>
							</div>
							<a href="#">
								<img src="~/Upload/Imgsp/sp.jpg" alt="product">
							</a>
						</div>
						<h6><a href="#">Product Name Here</a></h6>
						<h5><span class="sale_offer" style="text-transform:none; font-size:12px;">Giá bán: 4.000.000</span></h5>
                        <h5><span  style="text-transform:none; font-size:12px;">Giá KM: 4.000.000</span></h5>
					
				</ul>
				
			</div>
		</div><!--end latest-->
		<!--end sixteen-->

	<!--end container-->
	<!-- end the main content area -->

